﻿@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/User.cshtml";
}

<h2>创建病历</h2>
<style>
    table.infoTable
    {
        margin:auto;
    }
    table.infoTable th
    {
        vertical-align:top;
        text-align:right;
    }
    .LabExamSection
    {
        border:1px solid;
        background-color:WindowFrame;
        margin:5px;
    }
    .LabExamSection .title
    {
        color:White;
    }
    .LabExamSection .content
    {
        background-color:Window;
        margin:4px;
    }
    #basic,#lab,#cure
    {
        border:solid 1px ButtonBorder;
        background-color:ButtonFace;
        cursor:pointer;
    }
</style>
<link href="@Url.Content("~/Content/elements/form.css")" rel="stylesheet" type="text/css" />
<h2 id="basic">基本信息</h2>
<div id="divBasic" class="LabExamSection">
    <span class="title">基本信息</span>
    <div class="content">
<table class="infoTable">
    <tr>
        <th>签署知情同意书日期</th>
        <td><input type="text" class="dateInput" value="2011/1/1" /></td>
    </tr>
    <tr>
        <th>姓名</th>
        <td><input type="text" class="shortText" value="张三" /></td>
    </tr>
    <tr>
        <th>性别</th>
        <td>
            <input type="radio" title="男" />男
            <input type="radio" title="女" />女
        </td>
    </tr>
    <tr>
        <th>出生日期</th>
        <td><input type="text" class="dateInput" value="2011/1/1" /></td>
    </tr>
    <tr>
        <th>身高</th>
        <td><input type="text" class="valueInput" />cm</td>
    </tr>
    <tr>
        <th>体重</th>
        <td><input type="text" class="valueInput" />kg</td>
    </tr>
    <tr>
        <th>电话</th>
        <td><input type="text" /></td>
    </tr>
    <tr>
        <th>病历来源</th>
        <td>
            <input type="radio" name="hos" id="rdoNoHos" checked="checked" />门诊
            <input type="radio" name="hos" id="rdoHos" />住院
            &nbsp;&nbsp;
            <span id="spanHosNum" style="display:none">
                住院号<input type="text" class="valueInput" />
            </span>
            <script type="text/javascript">
                $("#rdoNoHos").click(function () {
                    $("#spanHosNum").hide();
                });
                $("#rdoHos").click(function () {
                    $("#spanHosNum").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>病程</th>
        <td><input type="text" class="valueInput" />月</td>
    </tr>
    <tr>
        <th>相关家族史</th>
        <td>
            <input type="radio" name="related" id="rdoNoRelated" checked="checked" title="无" />无
            <input type="radio" name="related" id="rdoHasRelated" title="有" />有
            <input type="text" class="middleText" id="txtRelated" style="display:none" />
            <script type="text/javascript">
                $("#rdoNoRelated").click(function () {
                    $("#txtRelated").hide();
                });
                $("#rdoHasRelated").click(function () {
                    $("#txtRelated").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>药物过敏史</th>
        <td>
            <input type="radio" title="无" />无
            <input type="radio" title="有" checked="checked" />有
            <input type="text" />
        </td>
    </tr>
    <tr>
        <th>西药诊断</th>
        <td><input type="text" class="middleText" /></td>
    </tr>
    <tr>
        <th>病理</th>
        <td><input type="text" class="middleText" /></td>
    </tr>
    <tr>
        <th>KPS评分</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>ECOG评分</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>TNM分期</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>Dukes分期</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>治疗史</th>
        <td>
            <input type="radio" title="无" />无
            <input type="radio" title="有" />有
            <input type="text" class="longText" />
        </td>
    </tr>
    <tr>
        <th>手术</th>
        <td>
            <table>
                <tr>
                    <th>名称</th>
                    <th>日期</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="dateInput" value="2011/1/1" /></td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>化疗</th>
        <td>
            <table>
                <tr>
                    <th>方案</th>
                    <th>起止日期</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>放疗</th>
        <td>
            <table>
                <tr>
                    <th>部位</th>
                    <th>剂量</th>
                    <th>次数</th>
                    <th>备注</th>
                </tr>
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td><input type="text" class="valueInput" value="100" /></td>
                    <td><input type="text" class="valueInput" value="1" /></td>
                    <td><input type="text" class="longText" value="Test" /></td>
                </tr>
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>其他</th>
        <td>
            <table>
                <tr>
                    <th>名称</th>
                    <th>起止时间</th>
                </tr>
                @{for(int i=0;i<3;i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>是否合并其它疾病及用药</th>
        <td>
            <input type="radio" name="joinOther" id="rdoNoJoinOther" checked="checked" />否
            <input type="radio" name="joinOther" id="rdoJoinOther" title="是" />是
            <table id="tblJoinOther" style="display:none" >
                <tr>
                    <th>疾病诊断</th>
                    <th>所用药物通用名</th>
                    <th>日剂量</th>
                    <th>用药起止时间</th>
                    <th>治疗效果</th>
                </tr>
                @{for (int i = 0; i < 5; i++)
                  {
                <tr>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="valueInput" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1"/>
                    </td>
                    <td><input type="text" class="longText" /></td>
                </tr>
                  }
                }
                <tr>
                    <td colspan="6">
                        <input type="button" value="增加" />
                    </td>
                </tr>
            </table>
            <script type="text/javascript">
                $("#rdoNoJoinOther").click(function () {
                    $("#tblJoinOther").hide();
                });
                $("#rdoJoinOther").click(function () {
                    $("#tblJoinOther").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>一般体格检查</th>
        <td>
            体温<input type="text" class="valueInput" />℃<br />
            心率<input type="text" class="valueInput" />次/分<br />
            呼吸<input type="text" class="valueInput" />次/分<br />
            血压<input type="text" class="valueInput" />
                /<input type="text" class="valueInput" />mmHg
        </td>
    </tr>
</table>
</div>
</div>
<h2 id="lab">实验室检查</h2>
<div id="divLabCheck" class="LabExamSection" style="display:none;">
<span class="title">实验室检查</span>
<div class="content">
送检日期<input type="text" value="2011/1/1" />
<div id="divBlood" class="LabExamSection" style="display:none;">
    <span class="title">血常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>红细胞(RBC)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^12/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>血小板(PLT)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^9/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>血红蛋白(Hb)</th>
                <td><input type="text" class="valueInput" value="0.00" />g/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>白细胞(WBC)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^9/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>中性粒细胞(NEU)</th>
                <td><input type="text" class="valueInput" value="0.00" />%</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divUrine" class="LabExamSection">
    <span class="title">尿常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>尿蛋白(PRO)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿糖(GLU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿糖(GLU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿白细胞(LEU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                    <br />
                    或<input type="text" class="valueInput" />个/HP
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿红细胞(BLD)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                    <br />
                    或<input type="text" class="valueInput" />个/HP
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divStool" class="LabExamSection">
    <span class="title">粪常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>备注</th>
            </tr>
            <tr>
                <th>粪便潜血试验</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divLiverKidney" class="LabExamSection">
    <span class="title">肝肾功能</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>谷丙转氨酶(ALT)</th>
                <td><input type="text" class="valueInput" />U/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>谷草转氨酶(AST)</th>
                <td><input type="text" class="valueInput" />U/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿素氮(BUN)</th>
                <td><input type="text" class="valueInput" />mmol/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>肌酐(SCr)</th>
                <td><input type="text" class="valueInput" />μmol/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divTumor" class="LabExamSection">
    <span class="title">肿瘤标志物</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>CEA</th>
                <td><input type="text" class="valueInput" />ng/ml</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>CA199</th>
                <td><input type="text" class="valueInput" />ng/ml</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divImmune" class="LabExamSection">
    <span class="title">免疫功能相关</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>备注</th>
            </tr>
            <tr>
                <th>自然杀伤细胞NK</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD3</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD4</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD8</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>CD4/CD8</th>
                <td><input type="text" disabled="disabled" class="valueInput" /></td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
</div>
</div>
<h2 id="cure">治疗</h2>
<div id="divTreat" class="LabExamSection" style="display:none;">
<span class="title">治疗</span>
<div class="content">
<table class="treatTable">
    <tr>
        <th>主诉</th>
        <td><input type="text" class="longText" /></td>
    </tr>
    <tr>
        <th>主要症状</th>
        <td>
            <ul>
                <li>1<input type="text" class="longText" /></li>
                <li>2<input type="text" class="longText" /></li>
                <li>3<input type="text" class="longText" /></li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>次要症状</th>
        <td>
            <ul>
                <li>1<input type="text" class="longText" /></li>
                <li>2<input type="text" class="longText" /></li>
                <li>3<input type="text" class="longText" /></li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>舌脉相</th>
        <td>
            舌相<input type="text" class="middleText" />
            脉象<input type="text" class="middleText" />
        </td>
    </tr>
    <tr>
        <th>主症</th>
        <td>
            <ul>
                <li>1<input type="text" class="longText" /></li>
                <li>2<input type="text" class="longText" /></li>
                <li>3<input type="text" class="longText" /></li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>次症</th>
        <td>
            <ul>
                <li>1<input type="text" class="longText" /></li>
                <li>2<input type="text" class="longText" /></li>
                <li>3<input type="text" class="longText" /></li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>草药</th>
        <td>
            <textarea></textarea>
        </td>
    </tr>
    <tr>
        <th>中成药、中药注射液</th>
        <td>
            <input type="radio" />否
            <input type="radio" checked="checked" />是
            <table>
                <tr>
                    <th></th>
                    <th>起止时间</th>
                    <th>备注</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td>
                        <input type="text" class="middleText" />
                    </td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                    <td>
                        <input type="text" class="longText" />
                    </td>
                </tr>
                  }
                } 
            </table>
        </td>
    </tr>
     <tr>
        <th>化疗</th>
        <td>
            <table>
                <tr>
                    <th>方案</th>
                    <th>起止日期</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>放疗</th>
        <td>
            <table>
                <tr>
                    <th>部位</th>
                    <th>剂量</th>
                    <th>次数</th>
                    <th>备注</th>
                </tr>
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td><input type="text" class="valueInput" value="100" /></td>
                    <td><input type="text" class="valueInput" value="1" /></td>
                    <td><input type="text" class="longText" value="Test" /></td>
                </tr>
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>其他</th>
        <td>
            <table>
                <tr>
                    <th>名称</th>
                    <th>起止时间</th>
                </tr>
                @{for(int i=0;i<3;i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
</table>
</div>
</div>

<input type="button" id="btnCreate" value="创建" />
<script type="text/javascript">
    $("#btnCreate").click(function () {
        alert("创建成功");
        window.location="@Url.Action("List", "Case")";
    });
    $("#basic").click(function(){
        $("#divBasic").toggle();
    });
    $("#lab").click(function(){
        $("#divLabCheck").toggle();
    });
    $("#cure").click(function(){
        $("#divTreat").toggle();
    });
</script>